<%--&lt;%&ndash;--%>
<%--  Created by IntelliJ IDEA.--%>
<%--  User: lenovo--%>
<%--  Date: 2024/6/14--%>
<%--  Time: 9:09--%>
<%--  To change this template use File | Settings | File Templates.--%>
<%--&ndash;%&gt;--%>
<%--<%@ page contentType="text/html;charset=UTF-8" language="java" %>--%>
<%--<html>--%>
<%--<head>--%>
<%--    <title>Title</title>--%>
<%--    <style>--%>
<%--        table{--%>
<%--            width: 1200px;--%>
<%--        }--%>
<%--        tr,td{--%>
<%--            border: grey 1px ;--%>
<%--        }--%>
<%--        td{--%>
<%--            height: 20px;--%>
<%--        }--%>

<%--        table td{--%>
<%--            height: 20px;--%>
<%--            vertical-align: middle!important;  /*设置文字垂直居中*/--%>
<%--            /*text-align: center;*/--%>
<%--        }--%>

<%--        /*tr,td{border-right:1px solid #888;border-bottom:1px solid #888;padding:5px 15px;}*/--%>

<%--        th{font-weight:bold;background:#ccc;}--%>

<%--        .con-b .row .lf{--%>
<%--            width: 15%;--%>
<%--            /*text-align: center;*/--%>
<%--            padding: 10px;--%>
<%--        }--%>
<%--        .con-b .row .rg{--%>
<%--            width: 85%;--%>
<%--        }--%>

<%--        .con-b tr:nth-of-type(odd){--%>
<%--            background-color: #f2f2f2;--%>
<%--        }--%>
<%--    </style>--%>
<%--    <%@taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core" %>--%>

<%--</head>--%>
<%--<body>--%>
<%--<table border="1" cellspacing="0" align="center" class="con-b">--%>
<%--    <tbody>--%>
<%--    <tr class="row" style="color: black;font-size: 25px" >--%>
<%--        <td class="lf">登录账户</td>--%>
<%--        <td class="lf">${session_person.getUserAccount()}</td>--%>
<%--    </tr>--%>
<%--    <tr class="row" style="color: black;font-size: 25px" >--%>
<%--        <td class="lf">姓名</td>--%>
<%--        <td class="lf">${session_person.getUserName()}</td>--%>
<%--    </tr>--%>
<%--    <tr class="row" style="color: black;font-size: 25px" >--%>
<%--        <td class="lf">性别</td>--%>
<%--        <td class="lf">${session_person.getUserSex()}</td>--%>
<%--    </tr>--%>
<%--    <tr class="row" style="color: black;font-size: 25px" >--%>
<%--        <td class="lf">出生日期</td>--%>
<%--        <td class="lf">${session_person.getUserBirthday()}</td>--%>
<%--    </tr>--%>
<%--    <tr class="row" style="color: black;font-size: 25px" >--%>
<%--        <td class="lf">身份证号</td>--%>
<%--        <td class="lf">${session_person.getUserIdCard()}</td>--%>
<%--    </tr>--%>
<%--    <tr class="row" style="color: black;font-size: 25px" >--%>
<%--        <td class="lf">--%>
<%--&lt;%&ndash;        <form class="common.action?action=upPassword">&ndash;%&gt;--%>
<%--            <button onclick="upPassword()">修改密码</button>--%>

<%--        </td>--%>
<%--    </tr>--%>
<%--    </tbody>--%>


<%--</table>--%>

<%--</body>--%>
<%--</html>--%>
<%--<script>--%>
<%--    function upPassword() {--%>
<%--        window.open("common.action?action=upPassword",null,"width=700,height=400,left=400,top=150",true);--%>
<%--        // window.location.href = "common.action?action=upPassword"--%>
<%--    }--%>
<%--</script>--%>




<%--&lt;%&ndash;--%>
<%--  Created by IntelliJ IDEA.--%>
<%--  User: lenovo--%>
<%--  Date: 2024/6/14--%>
<%--  Time: 9:09--%>
<%--  To change this template use File | Settings | File Templates.--%>
<%--&ndash;%&gt;--%>
<%--<%@ page contentType="text/html;charset=UTF-8" language="java" %>--%>
<%--<html>--%>
<%--<head>--%>
<%--    <title>个人信息展示</title>--%>
<%--    <style>--%>
<%--        body {--%>
<%--            font-family: Arial, sans-serif;--%>
<%--            margin: 0;--%>
<%--            padding: 20px;--%>
<%--            background-color: #f4f4f4;--%>
<%--        }--%>

<%--        table {--%>
<%--            width: 100%;--%>
<%--            max-width: 1200px;--%>
<%--            margin: 0 auto;--%>
<%--            border-collapse: collapse;--%>
<%--            background-color: #fff;--%>
<%--            box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);--%>
<%--        }--%>

<%--        th, td {--%>
<%--            border: 1px solid #ddd;--%>
<%--            padding: 12px;--%>
<%--            text-align: left;--%>
<%--        }--%>

<%--        th {--%>
<%--            background-color: #f2f2f2;--%>
<%--            font-weight: bold;--%>
<%--            color: #333;--%>
<%--        }--%>

<%--        tr:nth-of-type(odd) {--%>
<%--            background-color: #f9f9f9;--%>
<%--        }--%>

<%--        .con-b .row .lf {--%>
<%--            width: 30%; /* Adjusted width for better readability */--%>
<%--        }--%>

<%--        .con-b .row .rg {--%>
<%--            width: 70%; /* Adjusted width for better readability */--%>
<%--        }--%>

<%--        button {--%>
<%--            background-color: #4CAF50;--%>
<%--            color: white;--%>
<%--            border: none;--%>
<%--            padding: 10px 20px;--%>
<%--            text-align: center;--%>
<%--            text-decoration: none;--%>
<%--            display: inline-block;--%>
<%--            font-size: 16px;--%>
<%--            margin: 10px 0;--%>
<%--            cursor: pointer;--%>
<%--            transition: background-color 0.3s;--%>
<%--        }--%>

<%--        button:hover {--%>
<%--            background-color: #45a049;--%>
<%--        }--%>

<%--        /* Adding some spacing below the table */--%>
<%--        table {--%>
<%--            margin-bottom: 20px;--%>
<%--        }--%>
<%--    </style>--%>
<%--    <%@taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core" %>--%>
<%--</head>--%>
<%--<body>--%>
<%--<table border="0" cellspacing="0" align="center" class="con-b">--%>
<%--    <tbody>--%>
<%--    <tr class="row" style="color: #333; font-size: 18px;">--%>
<%--        <td class="lf">登录账户</td>--%>
<%--        <td class="rg">${session_person.getUserAccount()}</td>--%>
<%--    </tr>--%>
<%--    <tr class="row" style="color: #333; font-size: 18px;">--%>
<%--        <td class="lf">姓名</td>--%>
<%--        <td class="rg">${session_person.getUserName()}</td>--%>
<%--    </tr>--%>
<%--    <tr class="row" style="color: #333; font-size: 18px;">--%>
<%--        <td class="lf">性别</td>--%>
<%--        <td class="rg">${session_person.getUserSex()}</td>--%>
<%--    </tr>--%>
<%--    <tr class="row" style="color: #333; font-size: 18px;">--%>
<%--        <td class="lf">出生日期</td>--%>
<%--        <td class="rg">${session_person.getUserBirthday()}</td>--%>
<%--    </tr>--%>
<%--    <tr class="row" style="color: #333; font-size: 18px;">--%>
<%--        <td class="lf">身份证号</td>--%>
<%--        <td class="rg">${session_person.getUserIdCard()}</td>--%>
<%--    </tr>--%>
<%--    <tr class="row" style="color: #333; font-size: 18px;">--%>
<%--        <td class="lf">--%>
<%--            <button onclick="upPassword()">修改密码</button>--%>
<%--        </td>--%>
<%--        <td class="rg"></td> <!-- Added an empty td for alignment -->--%>
<%--    </tr>--%>
<%--    </tbody>--%>
<%--</table>--%>

<%--<script>--%>
<%--    function upPassword() {--%>
<%--        window.open("common.action?action=upPassword", null, "width=700,height=400,left=400,top=150", true);--%>
<%--    }--%>
<%--</script>--%>
<%--</body>--%>
<%--</html>--%>



<%--&lt;%&ndash;--%>
<%--  Created by IntelliJ IDEA.--%>
<%--  User: lenovo--%>
<%--  Date: 2024/6/14--%>
<%--  Time: 9:09--%>
<%--  To change this template use File | Settings | File Templates.--%>
<%--&ndash;%&gt;--%>
<%--<%@ page contentType="text/html;charset=UTF-8" language="java" %>--%>
<%--<html>--%>
<%--<head>--%>
<%--    <title>个人信息展示</title>--%>
<%--    <style>--%>
<%--        body {--%>
<%--            font-family: Arial, sans-serif;--%>
<%--            margin: 0;--%>
<%--            padding: 20px;--%>
<%--            background-color: #f4f4f4;--%>
<%--        }--%>

<%--        table {--%>
<%--            width: 100%;--%>
<%--            max-width: 1200px;--%>
<%--            border-collapse: collapse;--%>
<%--            background-color: #fff;--%>
<%--            box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);--%>
<%--            margin-left: 265px; /* 将 margin-left 设置为正数，使表格靠右 */--%>
<%--            margin-top: -310px; /* 添加负的 margin-top 使表格往上移，可根据需要调整数值 */--%>
<%--        }--%>

<%--        th, td {--%>
<%--            border: 1px solid #ddd;--%>
<%--            padding: 12px;--%>
<%--            text-align: left;--%>
<%--        }--%>

<%--        th {--%>
<%--            background-color: #f2f2f2;--%>
<%--            font-weight: bold;--%>
<%--            color: #333;--%>
<%--        }--%>

<%--        tr:nth-of-type(odd) {--%>
<%--            background-color: #f9f9f9;--%>
<%--        }--%>

<%--        .con-b.row.lf {--%>
<%--            width: 30%; /* Adjusted width for better readability */--%>
<%--        }--%>

<%--        .con-b.row.rg {--%>
<%--            width: 70%; /* Adjusted width for better readability */--%>
<%--        }--%>

<%--        button {--%>
<%--            background-color: #4CAF50;--%>
<%--            color: white;--%>
<%--            border: none;--%>
<%--            padding: 10px 20px;--%>
<%--            text-align: center;--%>
<%--            text-decoration: none;--%>
<%--            display: inline-block;--%>
<%--            font-size: 16px;--%>
<%--            margin: 10px 0;--%>
<%--            cursor: pointer;--%>
<%--            transition: background-color 0.3s;--%>
<%--        }--%>

<%--        button:hover {--%>
<%--            background-color: #45a049;--%>
<%--        }--%>

<%--        /* Adding some spacing below the table */--%>
<%--        table {--%>
<%--            margin-bottom: 20px;--%>
<%--        }--%>
<%--    </style>--%>
<%--    <%@taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core" %>--%>
<%--</head>--%>
<%--<body>--%>
<%--<table border="0" cellspacing="0" align="left" class="con-b"> <!-- 将 align 属性修改为 left，使表格左对齐 -->--%>
<%--    <tbody>--%>
<%--    <tr class="row" style="color: #333; font-size: 18px;">--%>
<%--        <td class="lf">登录账户</td>--%>
<%--        <td class="rg">${session_person.getUserAccount()}</td>--%>
<%--    </tr>--%>
<%--    <tr class="row" style="color: #333; font-size: 18px;">--%>
<%--        <td class="lf">姓名</td>--%>
<%--        <td class="rg">${session_person.getUserName()}</td>--%>
<%--    </tr>--%>
<%--    <tr class="row" style="color: #333; font-size: 18px;">--%>
<%--        <td class="lf">性别</td>--%>
<%--        <td class="rg">${session_person.getUserSex()}</td>--%>
<%--    </tr>--%>
<%--    <tr class="row" style="color: #333; font-size: 18px;">--%>
<%--        <td class="lf">出生日期</td>--%>
<%--        <td class="rg">${session_person.getUserBirthday()}</td>--%>
<%--    </tr>--%>
<%--    <tr class="row" style="color: #333; font-size: 18px;">--%>
<%--        <td class="lf">身份证号</td>--%>
<%--        <td class="rg">${session_person.getUserIdCard()}</td>--%>
<%--    </tr>--%>
<%--    <tr class="row" style="color: #333; font-size: 18px;">--%>
<%--        <td class="lf">--%>
<%--            <button onclick="upPassword()">修改密码</button>--%>
<%--        </td>--%>
<%--        <td class="rg"></td> <!-- Added an empty td for alignment -->--%>
<%--    </tr>--%>
<%--    </tbody>--%>
<%--</table>--%>

<%--<script>--%>
<%--    function upPassword() {--%>
<%--        window.open("common.action?action=upPassword", null, "width=700,height=400,left=400,top=150", true);--%>
<%--    }--%>
<%--</script>--%>
<%--</body>--%>
<%--</html>--%>



<%--
  Created by IntelliJ IDEA.
  User: lenovo
  Date: 2024/6/14
  Time: 9:09
  To change this template use File | Settings | File Templates.
--%>
<%@ page contentType="text/html;charset=UTF-8" language="java" %>
<html>
<head>
    <title>个人信息展示</title>
    <style>
        body {
            font-family: Arial, sans-serif;
            margin: 0;
            padding: 20px;
            background-color: #f4f4f4;
        }

        /* 新增容器样式 */
        .info-container {
            width: 100%;
            max-width: 1130px; /* 可以根据实际需求调整最大宽度 */
            /*margin: 0 auto; !* 让容器在页面中水平居中 *!*/
            background-color: #fff;
            box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
            padding: 20px; /* 添加内边距让内部元素更美观 */
            margin-left: 280px;
        }

        table {
            width: 100%;
            border-collapse: collapse;
            box-shadow: none; /* 去掉原来表格的阴影，由容器统一管理外观 */
            margin: 0; /* 去掉原来表格的外边距，由容器来控制位置等 */
        }

        th, td {
            border: 1px solid #ddd;
            padding: 12px;
            text-align: left;
        }

        th {
            background-color: #f2f2f2;
            font-weight: bold;
            color: #333;
        }

        tr:nth-of-type(odd) {
            background-color: #f9f9f9;
        }

        .con-b.row.lf {
            width: 30%; /* Adjusted width for better readability */
        }

        .con-b.row.rg {
            width: 70%; /* Adjusted width for better readability */
        }

        button {
            background-color: #4CAF50;
            color: white;
            border: none;
            padding: 10px 20px;
            text-align: center;
            text-decoration: none;
            display: inline-block;
            font-size: 16px;
            margin: 10px 0;
            cursor: pointer;
            transition: background-color 0.3s;
        }

        button:hover {
            background-color: #45a049;
        }

        table {
            margin-bottom: 20px;
        }
    </style>
    <%@taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core" %>
</head>
<body>
<!-- 添加容器div -->
<div class="info-container">
    <table border="0" cellspacing="0" class="con-b">
        <tbody>
        <tr class="row" style="color: #333; font-size: 18px;">
            <td class="lf">登录账户</td>
            <td class="rg">${session_person.getUserAccount()}</td>
        </tr>
        <tr class="row" style="color: #333; font-size: 18px;">
            <td class="lf">姓名</td>
            <td class="rg">${session_person.getUserName()}</td>
        </tr>
        <tr class="row" style="color: #333; font-size: 18px;">
            <td class="lf">性别</td>
            <td class="rg">${session_person.getUserSex()}</td>
        </tr>
        <tr class="row" style="color: #333; font-size: 18px;">
            <td class="lf">出生日期</td>
            <td class="rg">${session_person.getUserBirthday()}</td>
        </tr>
        <tr class="row" style="color: #333; font-size: 18px;">
            <td class="lf">身份证号</td>
            <td class="rg">${session_person.getUserIdCard()}</td>
        </tr>
        <tr class="row" style="color: #333; font-size: 18px;">
            <td class="lf">
                <button onclick="upPassword()">修改密码</button>
            </td>
            <td class="rg"></td>
        </tr>
        </tbody>
    </table>
</div>

<script>
    function upPassword() {
        window.open("common.action?action=upPassword", null, "width=700,height=400,left=400,top=150", true);
    }
</script>
</body>
</html>